﻿<!DOCTYPE html>
<html lang="en">
<head>
    <title>患者详细</title>
    <meta charset="UTF-8">
    <!--bootStrop css 单选框样式-->
    <link rel="stylesheet" href="resources/scripts/assets/bootstrap/css/icheck-bootstrap.css">
    <!--bootStrop css 主样式-->
    <link rel="stylesheet" href="resources/scripts/assets/bootstrap/css/bootstrap.min.css">
    <!--自定义css-->
    <link rel="stylesheet" href="files/患者详细画面/styles.css">
    <!--jquery js-->
    <script src="resources/scripts/assets/js/jquery-2.2.3.min.js"></script>
    <!--bootStrop js-->
    <script src="resources/scripts/assets/bootstrap/js/bootstrap.min.js"></script>
    <!--自定义js-->
    <script src="files/患者详细画面/data.js"></script>
</head>
<body>
<div id="title"></div>
</body>
<div class="col-lg-2">
    <div>
        <span class="h4">刘阳</span>&emsp;男
        <span class="pull-right">
        <span style="color: #FF6600" class="glyphicon glyphicon-log-in"></span>
        <a href="随访进度管理.html">
            <ins>返回</ins>
        </a>
        </span>
        <br/><br/>
        住院号&emsp; 201934
        <br/>
        出生日期&emsp; 2019-2-21
        <br/><br/>
        <ins><a href="">链接到CDR</a></ins>
        &nbsp;&nbsp;&nbsp;&nbsp;
        <ins><a href="">展开其他随访组</a></ins>
        <br/><br/>
        <input type="button" class="btn btn-warning" value="选择诊疗方案">
        <br/><br/>
        <strong>方案1</strong>&emsp;<strong>方案2</strong>
        <h6 class="page-header"></h6>
        <br/>
        <div class="dropdown m-b">
            <button class="btn btn-default" type="button" data-toggle="dropdown" style="width: 87%;">
                基线&nbsp;&nbsp;&nbsp;<span class="caret"></span>
            </button>
            <ul class="dropdown-menu pull-right" role="menu">
                <li class="dropdown-submenu">
                    <a tabindex="0" data-toggle="dropdown">基本信息</a>
                    <ul class="dropdown-menu pull-right">
                        <li><a tabindex="0"><img style="width: 18px;height: 18px" src="images/随访进度管理/u1529.png">2017-12-31&nbsp;&nbsp;&nbsp;<img
                                style="width: 14px;height: 14px" src="images/患者详细画面/u1820.png"></a></li>
                    </ul>
                </li>
                <li class="dropdown-submenu">
                    <a tabindex="0" data-toggle="dropdown">体格检查</a>
                    <ul class="dropdown-menu pull-right">
                        <li><a tabindex="0"><img style="width: 18px;height: 18px" src="images/随访进度管理/u1529.png">2018-12-31</a>
                        </li>
                        <li><a tabindex="0"><img style="width: 18px;height: 18px" src="images/患者详细画面/u1714.png">2018-12-31</a>
                        </li>
                    </ul>
                </li>
                <li class="dropdown-submenu">
                    <a tabindex="0" data-toggle="dropdown">实验室检查</a>
                    <ul class="dropdown-menu pull-right">
                        <li><a tabindex="0"><img style="width: 18px;height: 18px" src="images/随访进度管理/u1529.png">2019-12-31</a>
                        </li>
                        <li><a tabindex="0"><img style="width: 18px;height: 18px" src="images/患者详细画面/u1714.png">2019-12-31</a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
        <br/>
        <div class="dropdown m-b">
            <button class="btn btn-default" type="button" data-toggle="dropdown" style="width: 87%;">
                第一次随访&nbsp;&nbsp;&nbsp;<span class="caret"></span>
            </button>
            <ul class="dropdown-menu pull-right" role="menu">
                <li class="dropdown-submenu">
                    <a tabindex="0" data-toggle="dropdown">随访信息表</a>
                    <ul class="dropdown-menu pull-right">
                        <li><a tabindex="0"><img style="width: 18px;height: 18px" src="images/随访进度管理/u1529.png">2017-12-31</a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
        <br/>
        <div class="dropdown m-b">
            <button class="btn btn-default" type="button" data-toggle="dropdown" style="width: 87%;">
                第二次随访&nbsp;&nbsp;&nbsp;<span class="caret"></span>
            </button>
            <ul class="dropdown-menu pull-right" role="menu">
                <li class="dropdown-submenu">
                    <a tabindex="0" data-toggle="dropdown">实验室检查</a>
                    <ul class="dropdown-menu pull-right">
                        <li><a tabindex="0"><img style="width: 18px;height: 18px" src="images/随访进度管理/u1529.png">2017-12-31</a>
                        </li>
                    </ul>
                </li>
                <li class="dropdown-submenu">
                    <a tabindex="0" data-toggle="dropdown">随访信息表</a>
                    <ul class="dropdown-menu pull-right">
                        <li><a tabindex="0"><img style="width: 18px;height: 18px" src="images/患者详细画面/u1714.png">2017-12-31</a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</div>
<div class="col-lg-1">
    <img src="images/患者详细画面/u1750.png" style="height: 930px">
</div>
<div class="col-lg-9">
    <strong style="color: #2aabd2;margin-left: -74px">随访进度及计划</strong>
    <br/><br/>
    <table class="table table-bordered" style="margin-left: -50px">
        <tr>
            <td>基本信息</td>
            <td>体格检查</td>
            <td>实验室检查</td>
            <td>随访信息表</td>
            <td>查看完成随访计划</td>
        </tr>
        <tr>
            <td>
                <img src="images/随访进度管理/u1529.png" style="width: 16px;height: 16px">
            </td>
            <td>
                <img src="images/随访进度管理/u1529.png" style="width: 16px;height: 16px">
                <img src="images/患者详细画面/u1714.png" style="width: 16px;height: 16px">
            </td>
            <td>
                <img src="images/随访进度管理/u1529.png" style="width: 16px;height: 16px">
                <img src="images/患者详细画面/u1714.png" style="width: 16px;height: 16px">
                <img src="images/随访进度管理/u1529.png" style="width: 16px;height: 16px">
            </td>
            <td>
                <img src="images/随访进度管理/u1529.png" style="width: 16px;height: 16px">
                <img src="images/患者详细画面/u1714.png" style="width: 16px;height: 16px">
            </td>
            <td style="text-align: center;">
                <img src="images/单个随访组管理/u167.png" tabindex="0" data-toggle="modal" data-target="#myModal">
            </td>
        </tr>
    </table>
    <h6 class="page-header" style="margin-left:-92px"></h6>
    <div class="col-lg-6">
        <div style="text-align: center">
            <input type="button" class="btn btn-info" value="保存">
            &emsp;
            <input type="button" class="btn btn-info" value="删除">
            &emsp;
            <input type="button" class="btn btn-info" value="履历">
        </div>
        <br/><br/>
        <form class="form-inline">
        <span style="color: #2aabd2">
            <strong style="margin-left: -70px">|&emsp;基本信息</strong>
        <br/><br/>
           <span style="color: #0e0e0e"> 姓名: </span>
            <input type="text" class="form-control" value="姓名">
            &emsp;&emsp;&emsp;&emsp;&emsp;&emsp;
            <span style="color: #0e0e0e"> 姓别: </span>
            <select class="form-control">
                <option>请选择</option>
                <option>男</option>
                <option>女</option>
            </select>
            <br/><br/>
            <span style="color: #0e0e0e;margin-left: -25px"> 出生日期: </span>
            <input type="date" class="form-control" value="">
            &emsp;&emsp;&emsp;&emsp;&emsp;&emsp;
            <span style="color: #0e0e0e"> 民族: </span>
            <select class="form-control">
                <option>请选择</option>
                <option>汉族</option>
                <option>其他</option>
            </select>
        <br/><br/>
            <strong style="margin-left: -70px">|&emsp;体格检查</strong>
            <br/><br/>
            <span style="color: #0e0e0e"> 身高: </span>
            <input type="number" class="form-control" min="100" style="width: 15%">
            <span style="color: #0e0e0e">cm</span>
            &emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;
            <span style="color: #0e0e0e">体重: </span>
            <input type="number" class="form-control" min="10" style="width: 15%">
            <span style="color: #0e0e0e">kg</span>
            <br/><br/>
            &nbsp;<span style="color: #0e0e0e">BMI:</span>
            <input type="number" class="form-control" min="17" style="width: 15%">
        <br/><br/>
            <strong style="margin-left: -70px">|&emsp;实验室检查</strong>
            <br/><br/>
            <table class="table table-bordered" style="color: #0e0e0e;margin-left: -53px">
                <tr>
                    <td>血常规</td><td></td>
                </tr>
                <tr class="form-inline">
                    <td>血细胞:<input type="number" min="1" class="form-control">mmol/L</td>
                    <td>血糖:<input type="number" min="1" class="form-control">mmol/L</td>
                </tr>
            </table>
        <br/><br/>
            <strong style="margin-left: -70px">|&emsp;症状</strong>
            <br/><br/>
            <span style="color: #0e0e0e"> 症状: </span>
            <select class="form-control">
                <option>请选择</option>
                <option>头疼</option>
                <option>发热</option>
            </select>
        </span>
        </form>
    </div>
    <div class="col-lg-1">
        <img id="u1750_img" class="img " src="images/患者详细画面/u1750.png" style="height: 748px">
    </div>
    <div class="col-lg-4">
        <span style="margin-left: -25px">原始数据&emsp;&emsp;</span>
        <br/><br/>
        <span style="color: #2aabd2">
            <strong>|&emsp;基本信息</strong>
        <br/><br/>
            <strong>|&emsp;体格检查</strong>
        <br/><br/>
            <strong>|&emsp;实验室检查</strong>
        </span>
    </div>
</div>
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title" id="myModalLabel">随访计划</h4>
            </div>
            <div class="modal-body">
                <table class="table table-bordered">
                    <tr style="background-color: #2aabd2;color: #fff3f3">
                        <td>序号</td>
                        <td>随访时间</td>
                        <td>随访组</td>
                        <td>科室</td>
                        <td>随访状态</td>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>2019-12-11</td>
                        <td>随访组1</td>
                        <td>科室1</td>
                        <td>已随访</td>
                    </tr>
                </table>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-info">导出为Excel</button>
            </div>
        </div>
    </div>
</div>
</html>